<template>
		<view >
			<view class="order_detail">
				<view class="u-text">单位名称 <text>单位名称</text></view>
				<view class="u-text">负责人姓名 <text>负责人姓名</text></view>
				<view class="u-text">负责人电话 <text>13512345678</text></view>
				<view class="u-text" >地址信息 <text>深圳前海桂湾</text></view>
				<view class="u-text" >详细地址 <text>卓悦1号A栋330号</text></view>
			</view>

			<view class="order_detail">
				<view class="u-text">订单编号 <text>0123456789123</text></view>
				<view class="u-text">订单金额 <text>99.99</text></view>
				<!-- <view>订单备注 
					<view class="order_mark">{{order_info.mark}}</view>
				</view> -->
			</view>
			<view class="order_detail" style="padding-bottom:30rpx;">
				<view class="u-text">订单信息</view>
				<view>
					<view v-for="(a_item,a_index) in list" :key="a_index">
						<Ybrief :Date="a_item"></Ybrief>
					</view>
					<view style="margin:0px auto;">
						<u-empty text="数据为空" mode="list" v-if="iSselect == true"></u-empty>
					</view>
				</view>
			</view>
	</view>


</template>
<script>
	export default {
		data() {
			return {
				orderid: '', //订单id
				order_info: [], //订单信息
				loading: true, // 是否显示骨架屏组件
				options: {
					canvasId: 'qrcode',
					size: 150,
					margin: 10
				},
				info:"课程信息",
				status: null, //0无效 1正常
				list: [], //
				more: false, //隐藏子组件更多显示
				show:true,
				iSselect:false,
				type:'',//查看订单详情
			}
		},
		onLoad(option) {
			this.orderid = option.orderid;
			this.type=option.type
		},
		onReady() {
			this.getOrderDetail();
		},
		
		methods: {
			}
		
	}
</script>

<style>
	page {
		background-color: #f5f6fa;
	}
</style>

<style lang="scss" scoped>
	.status {
		width: 200rpx;
		height: 200rpx;
	}

	.order_detail {
		width: 95%;
		margin: 10px auto;
		padding: 20rpx;
		font-size: 32rpx;
		background-color: #FFFFFF;
		border-radius: 18rpx;

		.u-text {
			padding: 13rpx;
			border-radius: 20rpx;
			//margin: 20rpx;
			color: #a2a2a2;
			font-size: 30rpx;
			text-align: left;
		}

		text {
			color: #000000;
			font-size: 30rpx;
			font-weight: bold;
			padding-left: 30rpx;
		}
	}

	.order_mark {
		border: 2rpx solid #E3E3E3;
	}

	.cut-off-rule {
		width: 100%;
		height: 20rpx;
		background-color: #F4F5F9;
	}

	.btn {
		height: 70rpx;
		width: 200rpx;
		background-color: #C7C7C7;
		margin-right: 20rpx;
		border-radius: 60rpx;
		align-items: center;
	}

	.u-state {
		width: 95%;
		margin: 0px auto;
		background-color: #FFFFFF;
		border-radius: 18rpx;
		padding-top: 40rpx;
		padding-bottom: 40rpx;

		image {
			width: 300rpx;
			height: 300rpx;
			display: block;
			margin: 0px auto;
		}

		.u-name {
			margin: 5px auto;
			font-size: 33rpx;
			font-weight: 500;
			text-align: center;
		}

		.u-text {
			font-size: 33rpx;
			color: #62be65;
			font-weight: 500;
			padding-left: 20rpx;
		}
	}

	#qrcode {
		margin: 0px auto;
	}
</style>
 